<div class="plus_seat_wrap" xmlns:sketch="http://java.sun.com/xml/ns/javaee">

    <div class="navbar-collapse tools" ng-show="tool!='false'">
        <ul class="nav navbar-nav">
            <li class="dropdown" ng-show="showStates[0]">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    <!--选择方式-->
                    {{selectTypeInfo[selectType]}}
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu way-sel" aria-labelledby="drop3">
                    <li ng-repeat="info in selectTypeInfo">
                        <div class="radio" ng-show="$index>0"><label> <input type="radio" name="optionsRadios" ng-checked="$index==selectType" ng-click="changeSelectType($index)"> {{info}} </label></div>
                    </li>
                </ul>
            </li>

            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    显示方式 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" aria-labelledby="drop3">
                    <tmp ng-show="showStates[1]">
                        <li> <div class="checkbox"><label> <input type="checkbox" ng-model="seatNoV" ng-change="toggleSeatNo(seatNoV)"> 显示座号 </label></div> </li>
                    </tmp>

                    <tmp ng-show="showStates[2]">
                        <li ng-class="{libt:$index==0}" ng-repeat="sc in seatClasses">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" ng-model="scStates[$index]" ng-change="toggleSeatClassState(scStates[$index],sc.seatClassId)">
                                    显示{{sc.seatClassName}}
                                </label>
                            </div>
                        </li>
                    </tmp>

                    <tmp ng-show="showStates[3]">
                        <li class="libt"> <div class="checkbox"><label> <input type="checkbox" ng-model="lockV" ng-change="toggleStateSeats(lockV,1)"> 显示锁定座位 </label></div> </li>
                        <li> <div class="checkbox"><label> <input type="checkbox" ng-model="preserveV" ng-change="toggleStateSeats(preserveV,2)"> 显示预订座位 </label></div> </li>
                        <li> <div class="checkbox"><label> <input type="checkbox" ng-model="sellingV" ng-change="toggleStateSeats(sellingV,3)"> 显示销售中座位 </label></div> </li>
                    </tmp>
                </ul>
            </li>

            <li class="dropdown" ng-show="showStates[4]">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    <i class="dot" ng-style="{'background-color':selectPrice.color}"></i>
                    {{selectPrice.priceName}}-{{selectPrice.price|number:2}}
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" aria-labelledby="drop3">
                    <li ng-repeat="p in priceList" ng-click="changeSelectPrice($index)"><a><i class="dot" ng-style="{'background-color':p.color}"></i>{{p.priceName}}-{{p.price|number:2}}</a></li>
                </ul>
            </li>

        </ul>

        <ul class="nav navbar-nav" ng-show="showStates[5]">
            <li class="btn-edt">
                <div class="btn-group">
                    <button type="button" class="btn btn-left" ng-class="{'active':!invertModel}" ng-click="invertModel=false"></button>
                    <button type="button" class="btn btn-default btn-right" ng-class="{'active':invertModel}" ng-click="invertModel=true"></button>
                </div>
            </li>
        </ul>
    </div>

    <!-- 座位相关 -->
    <svg class="svg_seat" preserveAspectRatio="xMidYMid meet"
         width="100%" height="100%"
         xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">

        <g class="floor_group_el" transform="translate(0,0)"></g>

        <rect class="seat_selector" style="display: none;" opacity="0.8" fill="#EBEBEB" x="588.147559194362"
              y="766.1250403870929" width="0" height="0"></rect>
    </svg>

    <!-- 座位示意图 -->
    <svg class="svg_thumbnail" ng-show="show_thumbnail" preserveAspectRatio="xMidYMid meet" style="width:200px;height:157px;"
         xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
        <g class="floor_group_el2" transform="translate(0,0)">
            <!-- 区域选择灰框 -->
            <!--<rect class="thumbnail_selector" fill="rgba(0,0,255,0.2)" transform="translate(0,0) rotate(0,0,0) scale(1)"></rect>-->
        </g>
    </svg>

    <!-- 缩略图关闭按钮 -->
    <a title="关闭缩略图" href="javascript:;" ng-show="show_thumbnail" class="toggle_thumbnail glyphicon glyphicon-remove" ng-click="show_thumbnail=false"></a>

    <!-- （缩放）工具栏 -->
    <div class="tool-transform">
        <ul>
            <li><a title="还原" href="javascript:;" ng-click="backToInitStatus()"><span class="glyphicon glyphicon-home"
                                                                                      aria-hidden="true"></span></a></li>
            <li><a title="放大" href="javascript:;" ng-click="clickZoomHandler(true)"><span class="glyphicon glyphicon-plus"
                                                                                          aria-hidden="true"></span></a></li>
            <li><a title="缩小" href="javascript:;" ng-click="clickZoomHandler()"><span class="glyphicon glyphicon-minus"
                                                                                      aria-hidden="true"></span></a></li>
            <li ng-show="showFullscreen"><a title="展开" href="javascript:;" ng-click="fullScreenSvg()"><span
                    class="glyphicon glyphicon-resize-full" aria-hidden="true"></span></a></li>
            <li ng-show="!showFullscreen"><a title="收起" href="javascript:;" ng-click="ExitSvgFullscreen()"><span
                    class="glyphicon glyphicon-resize-small" aria-hidden="true"></span></a></li>
            <li ng-show="!show_thumbnail"><a title="缩略图" href="javascript:;" ng-click="show_thumbnail=true"><span
                    class="glyphicon glyphicon-list" aria-hidden="true"></span></a></li>
        </ul>
    </div>

    <!--
    Object {seatId: "29498039634
    -->

    <!-- 座位信息栏 -->
    <div class="svg_infobox" ng-show="show_infobox">
        <!--<div class="svg_infobox" style="display: none;">-->
        <table>
            <tbody>
            <tr>
                <td><label>楼层：</label> <label>{{infoboxSeat.floorName}}</label></td>
            </tr>
            <tr>
                <td><label>区域：</label> <label>{{infoboxSeat.boundName}}</label></td>
            </tr>
            <tr>
                <td><label>座位号：</label> <label>{{infoboxSeat.rowName + '排' + infoboxSeat.seatNo + '座'}}</label></td>
            </tr>
            <tr>
                <td><label>票档：</label> <label>{{infoboxSeat.ticketLevelAlias|fillingIn:'--'}}</label></td>
            </tr>
            <tr>
                <td><label>票价：</label> <label>{{(infoboxSeat.goodPrice|number:2) + '元'}}</label></td>
            </tr>
            <tr>
                <td><label>是否可售：</label> <label>{{infoboxSeat.goodOperationState==2&&infoboxSeat.goodSaleState==1?'可售':'不可售'}}</label></td>
            </tr>
            <tr ng-show="lockPage && infoboxSeat.lockUser">
                <td><label>锁票人：</label> <label>{{infoboxSeat.lockUser}}</label></td>
            </tr>
            <tr ng-show="lockPage && infoboxSeat.lockLevel != 0">
                <td><label>锁定级别：</label> <label>{{infoboxSeat.lockLevel}}</label></td>
            </tr>
            <tr ng-show="lockPage && infoboxSeat.lockDesc">
                <td><label>锁票备注：</label> <label>{{infoboxSeat.lockDesc}}</label></td>
            </tr>
            </tbody>
        </table>
    </div>

    <!-- 加载框 -->
    <div class="svg_loading" ng-show="show_progress">
        <div class="progress progress-striped active" style="margin-bottom: 0;">
            <div class="progress-bar" style="width: 100%;"></div>
            <p>正在加载……</p>
        </div>
    </div>
</div>
